<template>
  <el-progress
    class="profgress-status-box"
    :percentage="upgradPercent"
    :stroke-width="strokeWidth"
    color="#2697FF"
    striped
    striped-flow
  />
</template>
<script lang='ts' setup>
const { upgradPercent, strokeWidth } = defineProps({
  upgradPercent: Number,
  strokeWidth: {
    type: Number,
    required: true,
    default: 14
  }
})

console.log('upgradPercent', upgradPercent)
</script>

<style lang='scss'>
.profgress-status-box {
  .el-progress-bar__outer {
    background: #2a3d5b !important;
    /* .el-progress-bar__inner {
        background: linear-gradient( 90deg, #B6DCFF 0%, #2696FF 100%) !important;
      } */
  }

  .el-progress__text {
    font-size: 12px !important;
    color: #fff;
    font-weight: bold;
    text-align: right;
  }
}
</style>